@charset "utf-8";
/* CSS Document */

  .myMain {
            width: 100%;
            background-color: #FFF;
            display: table;
        }

        .myMain .myinfoContainer {
            position: relative;
            width: 100%;
            height: 220px;
            background-image: url(../images/myinfoBg.jpg?t=3);
            background-position: center bottom;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        .myMain .myinfoContainer .avatarBox {
            position: absolute;
            width: 80px;
            height: 80px;
            background-color: rgba(255, 255, 255, 0.9);
            top: 26px;
            left: 50%;
			border-radius:80px;
			margin-left:-40px;
			
        }

        .myMain .myinfoContainer .avatar {
            width: 76px;
            height: 51px;
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            margin: 2px;
			border-radius:76px;
			padding-top:25px;
        }

        .myMain .myinfoContainer .name {
            position: absolute;
            width: 80%;
            left: 10%;
            height: 30px;
            line-height: 30px;
            top: 112px;
            text-align: center;
            font-size: 18px;
            color: #FFF;
            overflow: hidden;
        }

        .myMain .myinfoContainer .signature {
            position: absolute;
            width: 80%;
            left: 10%;
            height: 20px;
            line-height: 20px;
            top: 144px;
            text-align: center;
            font-size: 14px;
            color: #FFF;
            overflow: hidden;
        }

        .myMain .myinfoContainer .statics {
            position: absolute;
            width: 251px;
            height: 36px;
            top: 175px;
            left: 50%;
            margin-left: -125.5px;
        }

        .myMain .myinfoContainer .statics .staticsItem {
            float: left;
            width: 62px;
            line-height: 18px;
            font-size: 13px;
            text-align: center;
            color: #FFF;
            margin-bottom: 12px;
        }

        .myMain .myinfoContainer .statics .line {
            float: left;
            width: 1px;
            height: 26px;
            margin: 5px 0;
            background-color: rgba(255,255,255,0.3);
        }

        .myMain .menuBanner {
            width: 100%;
            height: 45px;
            background-color: #FFF;
            position: relative;
        }

        .myMain .menuBanner.hide {
            display: none;
        }

        .myMain .menuBanner.fixed {
            position: fixed;
            top: 0px;
            box-shadow: 0px 1px 4px #ededed;
            z-index: 999;
        }

        .myMain .menuBanner .menuItem {
            float: left;
            width: 49.8%;
            height: 25px;
            line-height: 25px;
            margin: 10px 0;
            text-align: center;
            font-size: 14px;
        }

        .myMain .menuBanner.fixed .menuItem {
            border-right: 1px solid #ededed;
        }

        .myMain .menuBanner.fixed .menuItem:last-child {
            border-right: none;
        }

        .myMain .menuBanner .menuItem.selected span {
            color: #ff6800;
        }

        .myMain .menuBanner .shakeMenuItem {
            width : 56px;
            height: 56px;
            background-image: url(../images/shakeMenu.png);
            background-size: 100% auto;
            background-position: center top;
            background-repeat: no-repeat;
            position: absolute;
            left: 50%;
            top: -11px;
            margin-left: -28px;
        }

        .myMain .listContainer {
            width: 96%;
            margin: 0 2%;
            display: table;
        }

        .myMain .listContainer .publishHelper {
            width: 100%;
            height: 120px;
            background-image: url(/res/img/publishHelper.png?t=1);
            background-size: auto 70%;
            background-position: center bottom;
            background-repeat: no-repeat;
        }

        .myMain .listContainer .publishHelper .finger {
            position: absolute;
            width: 50px;
            height: 50px;
            bottom: 65px;
            left: 50%;
            margin-left: -25px;
            background-image: url(/res/img/finger.png);
            background-size: 70%;
            background-position: center;
            background-repeat: no-repeat;
        }

        .myMain .listContainer.like {
            display: none;
        }

        .myMain .listContainer .titleBanner {
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            background-image: url(../images/line.png);
            background-repeat: repeat-x;
            background-position: center;
        }

        .myMain .listContainer .titleBanner .title {
            width: 100px;
            margin: 0 auto;
            height: 40px;
            text-align: center;
            background-color: #FFF;
        }

        .myMain .listContainer .saleBox {
            width: 100%;
            display: table;
        }

        .myMain .listContainer .saleBox .saleItem {
            float: left;
            width: 46%;
            background-color: #FFF;
            margin-top: 3px;
            margin-bottom: 7px;
            margin-right: 5px;
        }

        .myMain .listContainer .saleBox .saleItem:nth-child(2n+1) {
            margin-left: 3px;
        }

        .myMain .listContainer .saleBox .saleItem:nth-child(2n) {
            margin-left: 2%;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg {
            position: relative;
            width: 100%;
            height: 235px;
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: cover;
            border-radius: 1px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 32px;
            height: 32px;
            background-image:url(../images/handleIcons.png);
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.show {
            background-position: 0px 0px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.hide {
            background-position: 0px -32px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.unpublish {
            background-position: -64px 0px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.delete {
            background-position: 0px -96px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .endTime {
            position: absolute;
            bottom: 5px;
            right: 0px;
            width: 93px;
            height: 26px;
            line-height: 26px;
            background-image: url(/res/img/endTimeBg.png);
            background-size: 100% 100%;
            color: #FFF;
            text-indent: 24px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .bought {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 74px;
            height: 44px;
            background-image: url(/res/img/bought.png);
            background-size: 100% 100%;
        }

        .myMain .listContainer .saleBox .saleItem .saleDesc {
            height: 26px;
            line-height: 26px;
            margin: 0 2px;
            overflow: hidden;
        }

        .myMain .listContainer .saleBox .saleItem .saleDesc.hasBzj {
            text-indent: 20px;
            background-image: url(/res/img/shieldIcon.png);
            background-repeat: no-repeat;
            background-size: auto 68%;
            background-position: left center;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo  {
            margin: 0 2px;
            height: 18px;
            line-height: 18px;
        }

        .myMain .listContainer .saleBox .saleItem .saleDesc span,
        .myMain .listContainer .saleBox .saleItem .saleInfo span {
            color: #9e0006;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo .bid {
            float: left;
            text-align: left;
            font-size: 13px;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo .statics,
        .myMain .listContainer .saleBox .saleItem .saleInfo .endTime {
            float: right;
            text-align: left;
            color: #ACACAC;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo .statics {
            text-indent: 18px;
            background-size: auto 70%;
            background-position: left 40%;
            background-repeat: no-repeat;
            background-image: url(../images/popularity.png);
        }

        .myMenu {
            position: fixed;
            top: 9px;
            left: 0px;
            width: 50px;
            height: 36px;
            background-image: url(../images/my_menu.png);
            background-size: 20px;
            background-position: 40% center;
            background-repeat: no-repeat;
            background-color: rgba(0,0,0,0.2);
            border-radius: 0px 20px 20px 0px;
        }

        .myMenu .hasNew {
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 6px;
            background-color: #FF0000;
            top: 1px;
            right: 1px;
        }

        .myMenuMain {
            position: fixed;
            width: 100%;
            top: 0px;
            bottom: 0px;
            display: none;
            z-index: 9999;
        }

        .myMenuMain .menuMask {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #FFF;
            opacity: 0;
        }

        .myMenuMain .menuBox {
            position: relative;
            width: 76%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.98);
        }

        .myMenuMain .menuBox .menuItem {
            position: relative;
            width: 100%;
            height: 48px;
            border-bottom: 1px solid #F0F0F0;
        }

        .myMenuMain .menuBox .menuItem:last-child {
            border-bottom: none;
        }

        .myMenuMain .menuBox .menuItem.userinfo {
            height: 80px;
        }

        .myMenuMain .menuBox .menuItem.userinfo .avatar {
            position: absolute;
            width: 50px;
            height: 50px;
            top: 15px;
            left: 20px;
            border-radius: 60px;
            background-size: 100% 100%;
        }

        .myMenuMain .menuBox .menuItem.userinfo .name {
            position: absolute;
            top: 15px;
            left: 90px;
            font-size: 16px;
            height: 26px;
            line-height: 26px;
            max-width: 50%;
            padding-right: 30px;
            overflow: hidden;
        }

        .myMenuMain .menuBox .menuItem.userinfo .name .syncUserinfo {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 26px;
            height: 26px;
            line-height: 26px;
            margin-left: 4px;
            border-radius: 2px;
            background-image: url(/res/img/refresh.png?t=1);
            background-repeat: no-repeat;
            background-size: auto 50%;
            background-position: center;
        }

        .myMenuMain .menuBox .menuItem.userinfo .signature {
            position: absolute;
            left: 90px;
            bottom: 20px;
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            max-width: 60%;
            color: #878787;
            overflow: hidden;
        }

        .myMenuMain .menuBox .menuItem .title {
            position: absolute;
            top: 9px;
            left: 15px;
            width: 140px;
            height: 30px;
            line-height: 30px;
            background-image: url(../images/myMenuIcons.png?t=8);
            background-size: 36px;
            background-repeat: no-repeat;
            text-indent: 40px;
            font-size: 14px;
            color: #878787;
        }

        .myMenuMain .menuBox .menuItem .desc {
            position: absolute;
            top: 9px;
            right: 20px;
            height: 30px;
            line-height: 30px;
            color: #888;
        }

        .myMenuMain .menuBox .menuItem .desc span {
            color: #ff6800;
        }

        .myMenuMain .menuBox .menuItem.msg .title {
            background-position: 0px -3px;
        }

        .myMenuMain .menuBox .menuItem.balance .title {
            background-position: 0px -364px;
        }

        .myMenuMain .menuBox .menuItem.order .title {
            background-position: 0px -39px;
        }

        .myMenuMain .menuBox .menuItem.shop .title {
            background-position: 0px -111px;
        }

        .myMenuMain .menuBox .menuItem.saleMsg .title {
            background-position: 0px -292px;
        }

        .myMenuMain .menuBox .menuItem.pdInventory .title {
            background-position: 0px -328px;
        }

        .myMenuMain .menuBox .menuItem.shake .title {
            background-position: 0px -149px;
        }

        .myMenuMain .menuBox .menuItem.manage .title {
            background-position: 0px -254px;
        }

        .myMenuMain .menuBox .menuItem .hasNew {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 5px;
            background-color: #FF0000;
            top: 16px;
            left: 40px;
        }

        .myMenuMain .menuBox .menuBottom {
            position: absolute;
            width: 100%;
            bottom: 0px;
            height: 40px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem {
            float: right;
            height: 30px;
            line-height: 30px;
            margin: 5px 0;
            border-bottom: none;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.about {
            width: 140px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.help {
            width: 100px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem .title {
            float: left;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.about .title {
            background-position: 0px -183px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.help .title {
            background-position: 0px -219px;
        }

        .balanceMenu{
            position: fixed;
            top: 9px;
            right: 0px;
            height: 36px;
            line-height: 36px;
            border-radius: 17.5px 0 0 17.5px;
            color: #FFF;
            text-align: center;
            font-size: 12px;
            background-color: rgba(0,0,0,0.2);
            background-image: url(../images/wallet.png);
            background-size: 20px;
            background-repeat: no-repeat;
            background-position: 14px center;
            padding-left: 40px;
            padding-right: 10px;
            font-size:14px;
        }

        .myAdminMenu {
            position: fixed;
            left:0px;
            top: 55px;
            right: 12px;
            width: 70px;
            height: 36px;
            line-height: 36px;
            border-radius: 0px 17.5px 17.5px 0px;
            color: #FFF;
            text-align: center;
            font-size: 12px;
            background-color: rgba(0,0,0,0.2);
        }
.supportBanner {
        width: 100%;
        text-align: center;
        height: 49px;
        line-height: 49px;
        font-size: 12px;
        border-top: 1px solid #eaeae8;
        background-color: #F8F8F8;
        margin-top: 10px;
        color: #888;
        visibility: hidden;
    }
    
    .supportBanner a {
        color: #F2B896
    }
    
.menuItem .shouqi .title. {background:url(images/pop-close.png) left center no-repeat;}
 .myMenuMain .menuBox .menuItem.shouqi .title {
            background:url(../images/pop-close.png) left center no-repeat;background-size: 36px auto;
        }
 .myMenuMain .menuBox .menuItem.shouqi .title {
            background:url(../images/pop-close.png) left center no-repeat;background-size: 36px auto;
        }
        
.noSale {text-align:center;}
.noSale .camera {margin-top:50px;margin-bottom:80px;}
.renew {width:65px;color:#fff;height:20px;margin-top:30px;text-align:center;border-radius:0px 0px 100px 100px;margin-left:5px;display:block;background:rgba(255, 255, 255, 0.2) ;}
        .renew:visited,.renew:active {color:#fff;}
        
        
.option_view {width:32px;height:32px;background:url(../images/xianshi.png);position:absolute;right:10px;bottom:10px;}
.option_hide {width:32px;height:32px;background:url(../images/yincang.png);position:absolute;right:10px;bottom:10px;}   

#pop1 {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;text-align:right;z-index:1000;}
#pop2 {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;text-align:right;z-index:1000;}
#pop3 {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;text-align:right;z-index:1000;}
#pop4 {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;text-align:right;z-index:1000;}

.timeline {color:#777;font-size:1.2em;float:right;};
.timelinein {margin:8px;}
.timelinedo {background:url(../images/line_clock.png) left center no-repeat;padding-left:25px;}



.concernDiv {
    width:100%;
	height:100%;
	position:absolute;
	z-index:1001;
}
.concern {
    width:100%;
	height:210px;
	position:absolute;
	background:#fff;
	bottom:0px;
}
.conTitle {
    color:#555;
	font-size:1.6em;
	background:url(../images/tip1.png) left center no-repeat;
	padding-left:40px;
	margin-left:30px;

}

.conTitle1 {
    color:#555;
	font-size:1.6em;
	margin-left:30px;
}
.conTitle1 span {
    padding-left:30px;
    background:url(../images/sign1.jpg) left center no-repeat; 
	}

.whiteBn {
	width:90%;
	height:40px;
	line-height:40px;
	background:#fff;
	border:#ddd 1px solid;
	margin-left:5%;
	margin-top:25px;
	font-size:1.5em;
	text-align:center;
	display:block;
}
.greyBn {
    color:#fff;
	width:90%;
	height:40px;
	line-height:40px;
	background:#838e94;
	margin-left:5%;
	margin-top:25px;
	font-size:1.5em;
	text-align:center;
	display:block;
}   